<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<script type="text/javascript">
function formatLink(cellvalue, options, rowObject) { 
	return "<a href='/PatologiaOcular/paciente/mostrarPacienteSolicitud.action?id="+cellvalue+"' class='boton2' style='color:#FFFFFF'>Seleccionar</a>";       
} 

function recargar(tipoCedula,cedula,nombre,apellido,edad){ 
	$("#gridListaPaciente").jqGrid('setGridParam', { 
	url:"/PatologiaOcular/paciente/listarPaciente.action?tipoCedula="+tipoCedula+"&cedula="+cedula+"&nombre="+nombre+"&apellido="+apellido+"&edad="+edad,datatype:'JSON' 
	}).trigger("reloadGrid"); 
}
</script>
<%@include file="header.jsp"%>
<div id="nivel2">
 	<div id="menu4">
      <ul>
        <li><a class="selected">Pacientes</a></li>
      </ul>
    </div>
    <div id="contenido">
		<p class="boton1"><a href="<%=request.getContextPath()%>/resources/solicitudDeBiopsia_ingreso.jsp" style="text-decoration:none;">Regresar</a></p>        	     
		<s:label><br/></s:label>
		<s:label><br/></s:label>
		<form>
	    	<s:label>Cédula:</s:label><s:select id="tipoCedula" list="{'V','E'}" name="tipoCedula"/><s:textfield id="cedula" name="cedula" size="8"/>&nbsp;
	    	<s:label>Nombre:</s:label><s:textfield id="nombre" name="nombre" size="50"/>&nbsp;<s:label>Apellido:</s:label><s:textfield id="apellido" name="apellido" size="50"/>&nbsp;
	    	<s:label>Edad:</s:label><s:textfield id="edad" name="edad" size="3"/>&nbsp;
	    	<strong><input class="boton1" type="button" value="Filtrar" onclick="recargar(tipoCedula.value,cedula.value,nombre.value,apellido.value,edad.value)"/></strong>
	    	<strong><input class="boton1" type="reset" value="Borrar" /></strong>
    	</form>
		<s:url id="remoteurl" action="listarPaciente"/>
	    <sjg:grid
			id="gridListaPaciente"
		    dataType="json"
		    href="%{remoteurl}"
		    pager="true"
		    gridModel="gridModel"
		    rowList="10,15,20"
		    rowNum="10" 
		    navigator="true"
		    navigatorAdd="false"
		    navigatorEdit="false"
		    navigatorRefresh="false"
		    navigatorSearch="false"
		    navigatorDelete="false"
		    onSelectRowTopics="rowselect"      
		    page="1"
		    autowidth="true"
		    hidegrid="false"
		    viewrecords="true"
		>
		<!--   El "name" de cada columna debe coincidir con cada atributo del objeto (Paciente) que representa cada registro de la tabla     -->		         
		<sjg:gridColumn name="id" index="id" title="ID" formatter="integer" sortable="false" hidden="true"/>
		<sjg:gridColumn name="cedula" index="cedula" title="Cédula" sortable="false"/>
		<sjg:gridColumn name="nombre" index="nombre" title="Nombre" sortable="false"/>
		<sjg:gridColumn name="segNombre" index="segNombre" title="Segundo Nombre" sortable="false"/>
		<sjg:gridColumn name="apellido" index="apellido" title="Apellido" sortable="false"/>
		<sjg:gridColumn name="segApellido" index="segApellido" title="Segundo Apellido" sortable="false"/>
		<sjg:gridColumn name="edad" index="edad" title="Edad" sortable="false"/>
		<sjg:gridColumn name="telefono" index="telefono" title="Teléfono" sortable="false"/>
		<sjg:gridColumn name="id" index="accion" title="" sortable="false" formatter="formatLink"/>
		</sjg:grid>
	</div>
</div>
<%@include file="footer.jsp"%>
